<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>后代选择器</title>
    <style type="text/css">
        div pre{
            font-family: 微软雅黑;
            color: darkorange;
            background-color: antiquewhite;
        }
    </style>
<link rel="stylesheet" type="text/css" href="../CSS/CSS.css"></head>
<body>
<br/>
<fieldset><legend><h4>作用与示例</h4></legend>
    <p>作用：后代选择器能给一个标签下的任何一代后代标签写样式，只需要在这个标签后面加“ ”然后加上后代标签编写</p>
    <p>代码示例：<pre>    &lt;style type="text/css"&gt;
        div pre{
            font-family: 微软雅黑;
            color: darkorange;
            background-color: antiquewhite;
        }
    &lt;/style&gt;</pre></p>
    <p>代码效果：<div>我是爷爷div
    <p>我是子代p标签
        <span>我是爷爷的孙子span
            <pre>我是爷爷的后代pre</pre></span></p></div></p>
</fieldset>
<link rel="stylesheet" type="text/css" href="../CSS/CSS.css"></head>


</body>
</html>